<template>
  <div>
    <!-- {{ $store.state.rootState }} -->
    <!-- {{ $store.getters.rootGetter }} -->
    <!-- {{ $store.getters.rootGetter2(name) }} -->
    <!-- {{$store.state}} -->
    <!-- {{ stateA }} -->
    <!-- {{ stateB }} -->
    <!-- {{ grA }} -->
    <!-- {{ grB }} -->
  </div>
</template>

<script>
// import { ROOT_MU } from "./store/mutation-type";
// import {mapMutations} from "vuex";
// import {  mapActions } from "vuex";
// import { mapState} from "vuex";
import { mapGetters } from "vuex";
export default {
  data() {
    return {
      name: "xdrsb",
    };
  },
  computed: {
    // ...mapState("moduleA", {
    //   //   stateA: (state) => state.stateA,
    //   //   stateA:'stateA'
    //   stateA(state) {
    //     return state.stateA + this.name;
    //   },
    // }),
    // ...mapState({
    //   stateB: (state) => state.moduleB.stateB,
    // }),
    ...mapGetters("moduleA", { grA: "grA" }),
    ...mapGetters(["grB"]),
  },
  methods: {
    //   ...mapMutations(['moduleA/muA']),
    // ...mapMutations({
    //   testA: "moduleA/muA",
    // }),
    // ...mapMutations('moduleA',{
    //     muA:'muA',
    // }),
    // ...mapMutations(["muB"]),
    // ...mapActions({
    //     acA:'moduleA/acA'
    // }),
    // ...mapActions('moduleA',{
    // acA:'acA'
    // }),
    // ...mapActions(["acB"]),
  },
  mounted() {
    // this.acB();
    // this.acA()
    //   this['moduleA/muA']()
    // this.testA();
    // this.muA()
    // this.muB();
    // this.$store.commit(ROOT_MU,'liuxiao')
    // this.$store.dispatch('rootAc',{payload1:'liu',payload2:'xiao'})
  },
};
</script>

<style scoped>
</style>